import { useEffect, useState } from "react"

export default function List({ str }) {

    const [data, setData] = useState()

    useEffect(() => {
        const arr = []
        // arr.length = 10000
        for (let i = 0; i < 20000; i++) {
            // arr.fill(i + 1, i)
            arr.push(i + 1)
        }
        setData(arr)
    }, [str])

    return <div>
        {data && data.map(item => {
            return <p key={item}>{str}</p>
        })}
    </div>
}



// function fn(props) {
//     props.name
//     props.age
// }
// function fn({ name, age }) {
//     name
//     age
// }

// fn({ name: 'aa', age: 18 })